<html>
  <head>
    <title>选择器</title>
  </head>
  <body>
    <script>
      /*
          五、选择器

                          目前支持的选择器有：

                          选择器                  样例                   样例描述

                          .class                  .intro                选择所有拥有 class="intro"的组件

                          #id                    #firstname             选择拥有id="firstname"的组件

                          element                 view                  选择所有 view 组件

                          element,element        view,checkbox          选择所有文档的View组件或所有的 checkbox 组件

                          ::after                view::after            在view组件后边插入内容，仅vue页面生效

                          ::before               view::before           在 view 组件前面掺入内容，仅 vue 页面生效

                  注意：

                        ①、在 uni-app 中不能使用 * 选择器

                        ②、微信小程序自定义组件中仅支持 class 选择器

                        ③、page 相当于 body 节点，例如：

                              <!-- 设置页面背景颜色，使用 scoped 会导致失效 -- >
                              page {
                                background-color: #ccc;
                              }

                        ④、web端可以使用html 、body、：root 等选择器。 
                        
                                 由于页面的 css 样式隔离，且 html节点并未添加 data-xxx属性，

                                 html、:root 写在页面 style 内无效，只能写在App.vue 内。
      */

    </script>
  </body>
</html>